<!DOCTYPE html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head xmlns="http://www.w3.org/1999/html">
<th:block  th:include="themes/taoke/taoke_include :: taokeHeader(title='综合搜索',keywords='9.9包邮，低价特卖，优惠卷',description='用最少的钱，买最有品质的东西')"/>
</head>
<body>
<!--== Start Header Section ==-->
<header id="header-area" class="header__2"  xmlns="http://www.w3.org/1999/html">

    <!-- Start Header Middle Area -->
    <div class="header-middle-area">
        <div class="container">
            <div class="row">
                <!-- Logo Area Start -->
                <div class="col-4 col-md-2 col-xl-3 m-auto text-center text-lg-left">
                    <th:block  th:include="themes/taoke/taoke_include :: logo"></th:block>
                </div>
                <!-- Logo Area End -->

                <!-- Search Box Area Start -->
                <div class="col-8 col-md-7 col- m-auto ">
                    <div class="search-box-wrap">
                        <form class="search-form d-flex" action="#" method="get">
                            <input type="search" name="search" placeholder="想什么呢？输入找找看看"/>
                            <button class="btn btn-search"><img src="assets/img/icons/icon-search.png"
                                                                alt="搜索"/>
                            </button>
                        </form>
                    </div>
                </div>
                <!-- Search Box Area End -->

                <!-- Mini Cart Area Start -->

                <!-- Mini Cart Area End -->
            </div>
        </div>
    </div>
    <!-- End Header Middle Area -->

    <!-- Start Main Menu Area -->
    <div class="navigation-area" id="fixheader">
        <div class="container">
            <div class="row">
                <!-- Categories List Start -->
                <div class="col-10 col-lg-3">
                    <div class="categories-list-wrap">
                        <button class="btn btn-category d-none d-lg-inline-block"><i class="fa fa-bars"></i> 商品分类服务
                        </button>
                     <th:block  th:include="themes/taoke/taoke_include :: goodMenu(goodMenu=${goodMenu})"></th:block>

                    </div>
                </div>
                <!-- Categories List End -->
                <!-- Main Menu Start -->
                <div class="col-2 col-lg-9 d-none d-lg-block">
                    <div class="main-menu-wrap">
                        <nav class="mainmenu">
                            <th:block  th:include="themes/taoke/taoke_include :: taokeMenu(taokeMenu=${taokeMenu})"/>
                        </nav>
                    </div>
                </div>
                <!-- Main Menu End -->
            </div>
        </div>
    </div>
    <!-- End Main Menu Area -->
</header>
<!--== End Header Section ==-->

<div class="page-breadcrumb-wrap">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-breadcrumb">
                    <ul class="nav">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="shop.html" class="active">Shop</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--== End Page Breadcrumb ==-->

<div id="product-area-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <th:block  th:include="themes/taoke/taoke_include :: taokeWealMenu(wealMenus=${wealMenus})"/>
            </div>
        </div>
    </div>
</div>


<!--== Page Content Wrapper Start ==-->
<div id="page-content-wrapper">
    <div class="container">
        <th:block  th:include="themes/taoke/taoke_include :: taokeWealGoods(posts=${wealPosts})"></th:block>
    </div>
</div>

<!-- 结束 -->
<!-- Start Products Area Wrapper -->
<div class="product-area-wrapper">
    <div class="container">
        <div class="row">
            <!-- Products Content Start -->
            <div class="col-lg-9">
                <!-- Latest Products Area -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-12">
                                <div class="section-title text-center">
                                    <h2>最受欢迎的分类</h2>
                                    <p><a href="/callMe">有什么特殊需求?</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <!-- Latest Product Content -->
                            <div class="col-lg-12">
                                <div class="product-content-wrap">
                                    <!-- Product Tab Menu Start -->
                                    <nav class="latest-pro-tab-menu">
                                        <ul class="nav justify-content-center justify-content-lg-end" role="tablist">
                                            <li><a class="active" href="#computer-products" id="computer-products-tab"
                                                   data-toggle="tab">日用品</a></li>
                                            <li><a href="#smartphone-products" id="smartphone-products-tab" data-toggle="tab">手机配件</a></li>
                                            <li><a href="#camera-products" id="camera-products-tab" data-toggle="tab">鞋包服饰</a>
                                            </li>
                                        </ul>
                                    </nav>
                                    <!-- Product Tab Menu End -->

                                    <!-- Product Tab Content Start -->
                                    <div class="tab-content" id="latestProducts">
                                        <th:block  th:include="themes/taoke/taoke_include :: hotTag(dailyNeed=${dailyNeed},mobile=${mobile},shoes=${shoes})"/>
                                    </div>
                                    <!-- Product Tab Content End -->
                                </div>
                            </div>
                            <!-- Latest Product Content -->
                        </div>

                        <div class="row">
                            <!-- Banner Area Start -->
                            <div class="col-lg-12">
                                <div class="banner-small">
                                    <a href="shop.html">查看更多</a>
                                </div>
                            </div>
                            <!-- Banner Area End -->
                        </div>
                    </div>
                </div>
                <!-- Latest Products Area -->

                <!-- New Products Area Start -->

                <!-- New Products Area End -->
            </div>
            <!-- Products Content End -->
            <!-- Sidebar Content Start -->
            <div class="col-lg-3">
                <div id="home-sidebar-wrap">
                    <!-- Most viewed Product Start -->
                    <div class="single-home-sidebar">
                        <h3 class="title">最受欢迎</h3>
                        <div class="sidebar-body">
                            <div class="sidebar-product-carousel owl-carousel">
                                <th:block  th:include="themes/taoke/taoke_include :: popular(populars=${populars})"/>
                            </div>
                        </div>
                    </div>
                    <!-- Most viewed Product End -->

                    <!-- Sidebar Banner Start -->
                    <div class="single-home-sidebar d-none d-lg-block">
                        <div class="sidebar-body">
                            <a href="shop.html" class="d-bock">
                                查看更多
                            </a>
                        </div>
                    </div>
                    <!-- Sidebar Banner End -->
                </div>
            </div>

            <!-- Sidebar Content End -->
        </div>
    </div>
</div>
<!--== Start Footer Area ==-->
<th:block  th:include="themes/taoke/taoke_include :: taokeBottom"/>
<!--== End Footer Area ==-->

<!-- Scroll to Top Start -->
<a href="#" class="scrolltotop"><i class="fa fa-angle-up"></i></a>
<!-- Scroll to Top End -->

<!--== Product Quick View Modal Area Wrap ==-->
<div class="modal" id="quickView" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true"><img src="assets/img/icons/cancel.png" alt="Close" class="img-fluid" /></span>
            </button>
            <div class="modal-body">
                <div class="quick-view-content single-product-page-content">
                    <div class="row">
                        <!-- Product Thumbnail Start -->
                        <div class="col-lg-5 col-md-6">
                            <div class="product-thumbnail-wrap">
                                <div class="product-thumb-carousel owl-carousel">
                                    <div class="single-thumb-item">
                                        <a href="single-product.html"><img class="img-fluid" src="assets/img/single-pro-1.jpg" alt="Product" /></a>
                                    </div>

                                    <div class="single-thumb-item">
                                        <a href="single-product.html"><img class="img-fluid" src="assets/img/single-pro-2.jpg" alt="Product" /></a>
                                    </div>

                                    <div class="single-thumb-item">
                                        <a href="single-product.html"><img class="img-fluid" src="assets/img/single-pro-3.jpg" alt="Product" /></a>
                                    </div>

                                    <div class="single-thumb-item">
                                        <a href="single-product.html"><img class="img-fluid" src="assets/img/single-pro-4.jpg" alt="Product" /></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Product Thumbnail End -->

                        <!-- Product Details Start -->
                        <div class="col-lg-7 col-md-6 mt-5 mt-md-0">
                            <div class="product-details">
                                <h2><a href="single-product.html">Crown Summit Backpack</a></h2>

                                <div class="rating">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star-half"></i>
                                    <i class="fa fa-star-o"></i>
                                </div>

                                <span class="price">$52.00</span>

                                <div class="product-info-stock-sku">
                                    <span class="product-stock-status text-success">In Stock</span>
                                    <span class="product-sku-status ml-5"><strong>SKU</strong> MH03</span>
                                </div>

                                <p class="products-desc">Ideal for cold-weathered training worked lorem ipsum outdoors, the Chaz Hoodie promises superior warmth with every wear. Thick material blocks out the wind as ribbed cuffs and bottom band seal in body heat Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, reprehenderit.</p>
                                <div class="shopping-option-item">
                                    <h4>Color</h4>
                                    <ul class="color-option-select d-flex">
                                        <li class="color-item black">
                                            <div class="color-hvr">
                                                <span class="color-fill"></span>
                                                <span class="color-name">Black</span>
                                            </div>
                                        </li>

                                        <li class="color-item green">
                                            <div class="color-hvr">
                                                <span class="color-fill"></span>
                                                <span class="color-name">green</span>
                                            </div>
                                        </li>

                                        <li class="color-item orange">
                                            <div class="color-hvr">
                                                <span class="color-fill"></span>
                                                <span class="color-name">Orange</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                                <div class="product-quantity d-flex align-items-center">
                                    <div class="quantity-field">
                                        <label for="qty">Qty</label>
                                        <input type="number" id="qty" min="1" max="100" value="1" />
                                    </div>

                                    <a href="cart.html" class="btn">Add to Cart</a>
                                </div>
                            </div>
                        </div>
                        <!-- Product Details End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--== Product Quick View Modal Area End ==-->

<!--=======================Javascript============================-->
<th:block  th:include="themes/taoke/taoke_include :: taokeFooter"></th:block>
</body>
</html>
